<?php include __DIR__."/../includes/var_globals.php" ?>
<?php include DIR_ROOT."controller/libro_diario.controller.php"?>
<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Transacciones</title>
		<?php include DIR_ROOT."includes/head.php" ?>
	</head>
	<body class="skin-blue fixed">
		
		<header class="header">
			<?php include DIR_ROOT."includes/header.php" ?>
		</header>
		
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Lado izquierdo de la página. Menú Lateral -->
			<aside class="left-side sidebar-offcanvas">
                <?php include DIR_ROOT.'includes/menu.php';?>
            </aside>
            
            <!-- Lado derecho y contenido de la página. -->
            <aside class="right-side">
            	<!-- Encabezado del Contenido -->
                <section class="content-header">
                    <h1>
                        Transacciones
                        <small>Gestionar Transacción</small>
                    </h1>
                </section>
                <!-- Contenido Principal -->
                <section class="content">
                	<div class="row">
                        <div class="col-xs-12">
                            <div class="box">
                                <div class="box-header">
                                    <h3 class="box-title">Transacciones Realizadas</h3>                                    
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive">
                                    <table id="example2" class="table table-bordered table-hover">
                                        <thead>
                                            <tr>
                                                <th>Código Transacción</th>
                                                <th>Concepto</th>
                                                <th>Importe</th>
                                                <th>Fecha</th>
                                                <th>Periodo</th>
                                                <th>Eliminar</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        <?php foreach ($transacciones as $transaccion) { ?>
                                            <tr>
                                                <td><?php echo $transaccion->id_transaccion ?></td>
                                                <td><?php echo $transaccion->concepto_transaccion ?></td>
                                                <td><?php echo "$".$transaccion->importe_transaccion ?></td>
                                                <td><?php echo $transaccion->fecha_transaccion ?></td>
                                                <td><?php echo "1"; ?></td>
                                                <td><i style="margin-top: -4px; padding: 4px;" class="btn fa fa-trash-o text-red"></i></td>
                                            </tr>
                                       <?php } ?>                                           
                                        </tbody>
                                        <tfoot>
                                           <!--Agregar Contenido al Pie de pagina-->
                                        </tfoot>
                                    </table>
                                </div><!-- /.box-body -->
                            </div><!-- /.box -->
                        </div>
                    </div>
                    
                </section>
            </aside>
            
		</div>	
		<!--Funcion SCRIPT para desplazar-->
		  <!-- page script -->
        <script type="text/javascript">
            $(function() {
                $('#example2').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": true,
                    "bAutoWidth": false,
                    "oLanguage": { "oPaginate": 
                    { "sPrevious": "Anterior", "sNext": "Siguiente", "sLast": "Última", "sFirst": "Primera" },
                     "sInfo": "Mostrando del _START_ a _END_ (Total: _TOTAL_ resultados)",
                      "sInfoFiltered": " - filtrados de _MAX_ registros", "sInfoEmpty": "No hay resultados de búsqueda", 
                      "sZeroRecords": "No hay resultados de búsqueda", "sProcessing": "Espere, por favor...", 
                      "sSearch": "Buscar:", "sLengthMenu": "Mostrando _MENU_ registros" }
                });
            });
        </script>
	</body>
</html>